<template>
	<view>
		<view class="body">
			<image class="bg" src="http://img.curiousmore.com/tmp/wx2f4eaeb7b745ba4e.o6zAJs2bel8UMMafp-gtnT7OfHzo.NaZldZKolELq6a4af710d498911ed2c7857dc55048d1.png" mode=""></image>
			<view class="head">
				<view class="head_left1" @tap="back()">
					<image src="../../../static/wode/return1.png" mode=""></image>
					<text>我的</text>
				</view>
				<text>赚猫币</text>
				<text class="head_right"></text>
			</view>
			<view class="head_mid1">
				<view class="head_mid_left">
					<text class="text3">累计收获猫币：</text>
					<view class="num1">{{cat_coin}}</view>
				</view>
				<image class="head_mid_right" src="../../../static/wode/qiandao.png" @tap="toQiandao" v-show="isqiandao==false"></image>
			</view>
			<view class="dayNum" v-if="day==0">
				<view class="dayNum_box">
					<image class="qiandaobg" v-if="isqiandao==false" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<image class="qiandaobg" v-else src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2" :class="{day:isqiandao==true}">第1天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2" :class="{addnum:isqiandao==true}">+10</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第2天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+20</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第3天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+30</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第4天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+40</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第5天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+50</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第6天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+60</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第7天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+70</text>
					</view>
				</view>
			</view>
			<view class="dayNum" v-else-if="day==1">
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第1天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+10</text>
					</view>
					
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" v-if="isqiandao==false" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<image class="qiandaobg" v-else src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2" :class="{day:isqiandao==true}">第2天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2" :class="{addnum:isqiandao==true}">+20</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第3天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+30</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第4天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+40</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第5天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+50</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第6天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+60</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第7天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+70</text>
					</view>
				</view>
			</view>
			<view class="dayNum" v-else-if="day==2">
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第1天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+10</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第2天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+20</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" v-if="isqiandao==false" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<image class="qiandaobg" v-else src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2" :class="{day:isqiandao==true}">第3天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2" :class="{addnum:isqiandao==true}">+30</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第4天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+40</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第5天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+50</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第6天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+60</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第7天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+70</text>
					</view>
				</view>
			</view>
			<view class="dayNum" v-else-if="day==3">
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第1天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+10</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第2天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+20</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第3天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+30</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" v-if="isqiandao==false" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<image class="qiandaobg" v-else src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2" :class="{day:isqiandao==true}">第4天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2" :class="{addnum:isqiandao==true}">+40</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第5天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+50</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第6天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+60</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第7天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+70</text>
					</view>
				</view>
			</view>
			<view class="dayNum" v-else-if="day==4">
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第1天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+10</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第2天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+20</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第3天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+30</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第4天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+40</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" v-if="isqiandao==false" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<image class="qiandaobg" v-else src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2" :class="{day:isqiandao==true}">第5天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2" :class="{addnum:isqiandao==true}">+50</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第6天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+60</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第7天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+70</text>
					</view>
				</view>
			</view>
			<view class="dayNum" v-else-if="day==5">
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第1天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+10</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第2天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+20</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第3天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+30</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第4天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+40</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第5天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+50</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" v-if="isqiandao==false" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<image class="qiandaobg" v-else src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2" :class="{day:isqiandao==true}">第6天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2" :class="{addnum:isqiandao==true}">+60</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2">第7天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2">+70</text>
					</view>
				</view>
			</view>
			<view class="dayNum" v-else-if="day==6">
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第1天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+10</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第2天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+20</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第3天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+30</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第4天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+40</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第5天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+50</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day">第6天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum">+60</text>
					</view>
				</view>
				<view class="dayNum_box">
					<image class="qiandaobg" v-if="isqiandao==false" src="/static/wode/weiqiandaobg.png" mode=""></image>
					<image class="qiandaobg" v-else src="/static/wode/yiqiandaobg.png" mode=""></image>
					<view class="dayNum_item">
						<text class="day2" :class="{day:isqiandao==true}">第7天</text>
						<image class="jinbi" src="/static/wode/jinbi.png" mode=""></image>
						<text class="addnum2" :class="{addnum:isqiandao==true}">+70</text>
					</view>
				</view>
			</view>

			<view class="task">
				<view class="taskTitle">
					任务
				</view>
				<view class="taskBody">
					<view class="taskItem" v-for="(item,index) in taskList" :key="index">
						<view class="item_left">
							<view class="textBox">
								<text class="text1">{{item.introduce}}</text>
								<text class="text2">完成 {{item.completed_frequency}}/{{item.frequency}}</text>
							</view>
							<view class="taskNum">
								{{item.gold_num}}猫币
							</view>
						</view>
						<view class="item_right2" v-if="item.is_complete==true">
							已完成
						</view>
						<view class="item_right" v-else @tap="toTask(item.introduce)">
							前往
						</view>
					</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				isqiandao: false,
				day: '',
				myInfo: '',
				cat_coin: '',
				money: '',
				taskList: [],
			};
		},
		mounted() {
			// 			onPageScroll(Object) {
			// 				conole.log(Object.scrollTop); //实时获取到滚动的值  
			// 			}
		},
		onShow() {
			this.getdata()
			this.getuserdata()
			this.getTaskList()
		},
		methods: {
			back() { //返回
				uni.navigateBack({
					delta: 1
				})
			},
			getuserdata() {
				var me = this;
				var data = {
					user_id: uni.getStorageSync('user_id')
				}
				this.myAjaxNew({
					model: 'user',
					controllerName: 'userInfo',
					actionName: 'query',
					data: data,
					successBack: function(res) {
						console.log(res.data.data, '用户信息')
						// uni.setStorageSync('user_info', res.data.data[0]);
						me.cat_coin = res.data.data[0].cat_coin
					},
				})
			},
			getTaskList() { //获取任务列表
				var me = this;
				var data = {
					oper_id: uni.getStorageSync('user_id')
				}
				this.myAjaxNew({
					model: 'user',
					controllerName: 'userGoldType',
					actionName: 'query',
					data: data,
					successBack: function(res) {
						console.log(res.data.data, '任务信息')
						me.taskList = res.data.data;

					},
				})
			},
			toQiandao() {
				var me=this;
				this.isqiandao = true
				if (this.day == 1) {
					this.money = 20
				} else if (this.day == 2) {
					this.money = 30
				} else if (this.day == 3) {
					this.money = 40
				} else if (this.day == 4) {
					this.money = 50
				} else if (this.day == 5) {
					this.money = 60
				} else if (this.day == 6) {
					this.money = 70
				}else if(this.day == 0){
					this.money=10
				}else{
					this.money=0
				}
				console.log(this.money)
				var data = {
					user_id: uni.getStorageSync('user_id'),
					cat_coin: this.money
				}
				this.myAjaxNewPost({
					model: 'user',
					controllerName: 'signIn',
					actionName: 'insert',
					data: data,
					successBack: function(res) {
						console.log(res)
						me.cat_coin = me.cat_coin + me.money;
					}
				})
			},
			getdata() {
				var me = this;
				var data = {
					user_id: uni.getStorageSync('user_id'),
				}
				this.myAjaxNew({
					model: 'user',
					controllerName: 'signIn',
					actionName: 'querySignDetail',
					data: data,
					successBack: function(res) {
						console.log(res)
						me.day = res.data.data.day
						console.log(me.day)
						if (res.data.data.today_sign_in == true) {
							me.isqiandao = true
							me.day = me.day - 1
						} else {
							me.isqiandao = false
						}
					}
				})
			},
			toTask(type) {
				if (type == '实名认证') {
					uni.navigateTo({
						url: '/pages/My/realName/realName'
					})
				} else if (type == '境外身份认证') {
					uni.navigateTo({
						url: '/pages/My/prove/prove'
					})
				} else if (type == '实名认证') {
					uni.navigateTo({
						url: '/pages/My/realName/realName'
					})
				} else if (type == '好奇互动') {
					uni.switchTab({
						url: '/pages/World/world'
					})
				} else if (type == '发布好奇') {
					uni.navigateTo({
						url: '/pages/World/publishCurious/publishCurious'
					})
				} else if (type == '好奇回应') {
					uni.switchTab({
						url: '/pages/World/world'
					})
				} else if (type == '发布动态') {
					uni.navigateTo({
						url: '/pages/Friend/dongTai/dongTai'
					})
				} else if (type == '动态评论') {
					uni.switchTab({
						url: '/pages/Index/index?index=2'
					})
				} else if (type == '动态互动') {
					uni.navigateTo({
						url: '/pages/Friend/friend?index=2'
					})
				} else if (type == '邀请有礼') {
					uni.navigateTo({
						url: ''
					})
				}
			}
		}
	}
</script>

<style scoped>
	.bg {
		height: 425upx;
		width: 100%;
	}

	.body {
		background: #FFFFFF;
	}

	.head {
		display: flex;
		position: absolute;
		top: 72upx;
		align-items: center;
		justify-content: space-between;
		padding: 0 24upx;
		width: 100%;
		color: #FFFFFF;
		box-sizing: border-box;
	}

	.head_left1 {
		display: flex;
		align-items: center;
		font-size: 32upx;
	}

	.head .head_right {
		width: 90upx;
	}

	.head_left1 image {
		width: 20upx;
		height: 36upx;
		margin-right: 10upx;
	}

	.head_mid1 {
		padding: 0 24upx;
	}

	.head_mid_left {
		color: #FFFFFF;
		position: absolute;
		top: 204upx;
		left: 24upx;
		display: flex;
		align-items: flex-end;
	}

	.text3 {
		font-size: 32upx;
	}

	.num1 {
		width: 240upx;
		height: 75upx;
		font-size: 70upx;
		background-image: -webkit-gradient(linear, left 0, right 0, from(#5EFFFD), to(#F7D4FF));
		-webkit-background-clip: text;
		/*必需加前缀 -webkit- 才支持这个text值 */
		-webkit-text-fill-color: transparent;
		/*text-fill-color会覆盖color所定义的字体颜色： */
	}

	.head_mid_right {
		width: 173upx;
		height: 56upx;
		position: absolute;
		top: 240upx;
		right: -24upx;
	}

	.dayNum {
		display: flex;
		justify-content: space-between;
		width: 100%;
		background: #FFFFFF;
		padding: 15upx 24upx 28upx 24upx;
		border-bottom: 1upx solid #E6E6E6;
		box-sizing: border-box;
	}

	.dayNum_item {
		display: flex;
		flex-direction: column;
		align-items: center;
		z-index: 10;
		position: absolute;
		width: 90upx;
		box-sizing: border-box;
		top: 2upx;
	}
	.day2{
		color: #FFFFFF;
		font-size: 20upx;
		padding-bottom: 8upx;
	}
	.addnum2{
		color: #E0813C;
		font-size: 16upx;

	}

	.day {
		color: #FFEF4A;
		font-size: 20upx;
		padding-bottom: 8upx;
	}
	.addnum{
		color: #FFFFFF;
		font-size: 16upx;
	}
	
	.dayNum_box{
		position: relative;
	}

	.qiandaobg {
		width: 90upx;
		height: 116upx;
		/* position: absolute; */
	}

	.jinbi {
		width: 53upx;
		height: 53upx;
	}

	.addNum {
		width: 87upx;
		height: 87upx;
		background: #FED152;
		color: #E0813C;
		border-radius: 50%;
		line-height: 87upx;
		text-align: center;
	}

	.addNum2 {
		width: 87upx;
		height: 87upx;
		background: #FED152;
		color: #E0813C;
		border-radius: 50%;
		line-height: 87upx;
		text-align: center;
		opacity: 0.5;
	}

	.task {
		background: #FFFFFF;
	}

	.taskItem {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 130upx;
		border-bottom: 1upx solid #E6E6E6;
		padding: 0 24upx;

	}

	.taskTitle {
		font-size: 32upx;
		color: #333333;
		padding: 0 24upx;
		height: 88upx;
		line-height: 88upx;
		border-bottom: 1upx solid #e6e6e6;
	}

	.textBox {
		display: flex;
		flex-direction: column;
		margin-right: 20upx;
	}

	.text1 {
		color: #333333;
		font-size: 28upx;
		padding-bottom: 6upx;
	}

	.text2 {
		color: #999999;
		font-size: 24upx;
	}

	.item_left {
		display: flex;
	}

	.taskNum {
		padding: 2upx 4upx;
		height: 27upx;
		color: #FED152;
		font-size: 22upx;
		border: 1upx solid #FED152;
		border-radius: 10upx;
		line-height: 27upx;
		text-align: center;
	}

	.item_right {
		width: 148upx;
		height: 60upx;
		background: #47CECF;
		color: #FFFFFF;
		border-radius: 60upx;
		line-height: 60upx;
		text-align: center;
		font-size: 28upx;
	}

	.item_right2 {
		width: 148upx;
		height: 60upx;
		background: #e6e6e6;
		color: #FFFFFF;
		border-radius: 60upx;
		line-height: 60upx;
		text-align: center;
		font-size: 28upx;
	}
</style>
